@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Ultra);
@import url(http://fonts.googleapis.com/css?family=Monofett);
@font-face{
  font-family:"socialbatsRegular";
  src:url("http://dl.dropbox.com/u/33538808/fonts/socialbats_webfonts/socialbats-webfont.woff")
  format("woff");
  font-weight: normal;
  font-style: normal;
}

*{margin:0;padding:0;}
body{padding:0 0 32px;font-family:Georgia,serif;line-height:1.4;color: #444;}
h1,h2,h3,h4,h5,h6{margin-bottom:0.8em;}
ul,dl,ol,pre,blockquote,pre,p,embed{margin-bottom:1em;}
ul{margin-left:2em;}
ol{margin-left:1.5em;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a,a:visited{color:#777;}
abbr:after{content:"("attr(title)")";}
h5{font-size:1em;}

blockquote{border:1px dashed #999;font-size:0.9em;margin:1em 2em;padding:2em;position:relative}
blockquote[cite]{margin-bottom:4em}
blockquote[cite]:after{bottom:-2em;color:rgba(0,0,0,0.5);content:"cite: "attr(cite);font-size:10pt;right:0}
blockquote[title]:before{content:attr(title);font-weight:700;display:block;margin-bottom:1em;}
blockquote[cite]:after{position:absolute}

q{quotes:"「""」""『""』"}
q:after{content:close-quote}
q:before{content:open-quote}

pre{background-color:#333;color:#FFF;font-size:0.9em;overflow:auto;padding:1.5em 1em;position:relative;white-space:pre-wrap;word-wrap:break-word;z-index:1}
pre img{vertical-align:base-line}
pre.css:after{content:"CSS"}
pre.html:after{content:"HTML"}
pre.html:after,pre.css:after,pre.js:after,pre.terminal:after{bottom:0;color:rgba(255,255,255,0.2);font-family:Monofett,nonospace;font-size:40px;letter-spacing:2px;line-height:1;overflow:hidden;position:absolute;right:8px;z-index:-1}
pre.js:after{content:"JavaScript"}
pre.terminal:after{content:"Terminal"}
pre[title]:before{content:"「"attr(title)"」";display:block;font-family:sans-serif;font-weight:700;margin:0 0 .5em}
/*pre .para:before{content:"¶";opacity:0.5;}*/

hr{margin:2em 0;border-width:1px 0 0 0;border-style:dotted;border-color:#CCC;height:1px;}
strong{color:#D31C30;}


.clear{clear:both;}
br[clear=all],br[clear=both]{clear:both;}

.subContents table{border:1px solid #CCC;border-collapse:collapse;font-size:90%;}
.subContents th,
.subContents td{padding:1em;border:1px solid #CCC;}
.subContents th{min-width:33%;color:#777;}
.subContents dl dt,.subContents dl dd{padding-left:20px}
.subContents dl dt{margin-top:1em;font-weight:700;background:url(http://mattintosh4.googlecode.com/svn/ameblo_mattintosh/img/icon_check16.png) no-repeat 0% 0%}
.subContents dl dt:first-child{margin-top:0;}

.large{font-size:1.2em;font-weight:700;}
.larger{font-size:xx-large;font-weight:700;}
.small{font-size:0.8em;}
.red{color:#F00;}
.opacity:hover{opacity:0.6;}
.caption{font-size:0.8em;}

#frame{width:1000px;margin:0 auto;}
#subFrame{margin-top:160px;}
#firstContentsArea{width:700px;float:left;}
#main{
width:640px;
padding-right:30px;
box-shadow:16px 0px 16px -16px rgba(0,0,0,0.2);
}
#sub_main{background-color:#FFF;}
#sub_b{width:300px;float:right;overflow:hidden;}

#overHeader{position:fixed;top:0;left:0;background-color:#FFF;border-bottom:1px solid #CCC;z-index:100;width:100%;box-shadow:0 0 8px rgba(0,0,0,0.4);}
#header{width:1000px;margin:0 auto;position:relative;}
#header *{font-size:14px;line-height:32px;}
#header h1{font-size:1em;display:inline-block;margin:0;}
#header h1 a{color:#333;}
#header h1 a:hover{text-decoration:none;color:#777;}
#header h2{display:inline-block;margin:0 8px;font-weight:normal;}
#pageGuide{margin:0 34px 0 0;padding:0;float:right;list-style:none;position:absolute;top:0;right:0;border-right:1px solid #CCC;}
#pageGuide li{float:left;}
#pageGuide li a{display:block;background:#FFF;line-height:32px;width:32px;text-align:center;border-left:1px solid #CCC;}
#pageGuide li a:hover{text-decoration:none;background:#EEE;}
#amebaLogin{background:url(http://dl.dropbox.com/u/33538808/ameba/img/amebaicon.png) no-repeat 50% 50%;display:inline-block;height:32px;width:34px;margin:0;padding:0;position:absolute;top:0;right:0;border-right:1px solid #CCC;}

.contents{position:relative;margin-top:16px;padding-top:80px;}
.subContents{margin-top:2em;}
.subContents h4{font-size:1.2em;}
/*.subContents p{text-align:justify;}*/
.subContents a,.comment_body a{color:#3B5998;text-decoration:underline;}
.subContents a:hover,.comment_body a:hover{text-decoration:none;}
.subContents a.localLink{text-decoration:none;border-bottom:1px dashed}
.subContents a.localLink:hover{border:none}
.entry{margin-bottom:2em;}

.entry h3.title:before{content:"1";display:block;width:100px;font-family:'Ultra', sans-serif;font-size:120px;position:absolute;right:0px;text-align:center;color:#333;line-height:1;}
.entry h3.title{font-size:2.5em;margin-bottom:0;/*padding-right:58px;background:url(http://profile.ak.fbcdn.net/hprofile-ak-snc4/373389_143083302446346_879943477_q.jpg)no-repeat right center;*/padding-right: 100px;position:relative;min-height:100px;}
.entry h3.title a{color:#333;text-decoration:none;}
.entry h3.title a:hover{text-decoration:underline;}
.entry_head{font-size:10pt;}
.entry img{max-width:640px;}

.thumbRight{clear:both;float:right;margin:0 0 2em 2em;}
.thumbLeft{clear:both;float:left;margin:0 2em 2em 0;}

.foot{margin-top:2em;}

/******************************/
/* ameba .detailOn ************/
/******************************/
.detailOn {
	position: relative;
	margin-bottom: 2em;
	display: inline-block;
}
.detailOn:after {
	content: "※クリックでビューアーが起動します";
	position: absolute;
	bottom: -18px; left:0;
	font: 10px/1 sans-serif; color: #777;
	text-decoration:none;
}
.detainOn a {
	text-decoration: none;
}
.detailOn img {
	background-color:#DDD;
	padding:1px;border:4px solid #FFF;
	outline:1px solid #CCC;
}
.detailOn:hover img {
	border-color:#F0F0F0;
}
/******************************/
/* ameba #themeBox ************/
/******************************/
#themeBox { margin:0 0 2em; }
#themeBox h5 { font-size:1.2em; }
/******************************/
/* jQuery .tags ***************/
/******************************/
.tags{margin:2em 0 1em;}
.tags h6{font-size:1em;}
.tags ul{list-style:none;margin:0;padding:0;}
.tags li{float:left;margin-right: 4px;margin-bottom:8px;}
.tags a{font-size:12px;font-family:Arial,sans-serif;text-decoration:none;background-color:#EEE;border-radius:32px;padding:4px 8px;color:#555;border:1px solid #DDD;}
.tags a:hover{background-color:#DDD;}
/******************************/
/* .page **********************/
/******************************/
.page{visibility:hidden;}
.page a{visibility:visible;}
.page:after{content:"";clear:both;display:blcok;}
.previousPage{float:left;}
.nextPage{float:right;}

.pn .prevP,.pn .nextP{display:block;width:480px;color:#555;}
.pn .prevP,.pn .nextP{font-size:1.2em;}
.pn .nextP{text-align:right;margin: 0 0 0 auto;}
/******************************/
/* .foot **********************/
/******************************/
.foot{text-align:center;}
.foot a{text-decoration:none;}
.foot a:hover{text-decoration:underline;}
/******************************/
#comment_module{margin-top:1em;}
#comment_module h3.title{font-size:2em;margin:0 0 0.5em;}
#comment_module h4 {font-size:1.25em;}
#comment_module p.list{margin:0;padding-bottom:1em;border-bottom:1px dotted #CCC;text-align:center;}
#comment_module p.list a{display:inline-block;margin:0 auto;padding:0 64px;line-height:32px;background-color:#4dac27;color:#FFF;text-decoration:none;border-radius:4px;font-family:sans-serif;}
#comment_module p.list a:hover{opacity:0.8;}
#comment_show{display:none;}
#comment_present *{display:inline;font-size:8pt!important;list-style:none;margin:0;padding:0;color:#999!important;} /* ad */
.comment_footer{margin-top:2em;text-align:right;font-size:10pt;}
.comment_body {padding: 1em 3em;}
.entry > .theme{display:none;}
.theme a{text-decoration:none;}
.theme a:hover{text-decoration:underline;}

.each_comment{
	margin:1em 0;padding:3em 0 1em;
	font-size:0.9em;
	border-bottom:1px dotted #CCC;
	position:relative;z-index:0;
}
.each_comment:before{
	position:absolute;z-index:-1;
	top:0;left:0;
	font:28px/1 'Monofett',sans-serif;color:rgba(0,0,0,0.6);
}
.comment_amebauser:before{content:"Ameba User";color:#4dac27;}
.comment_friend:before{content:"Friend";color:#FF8F22;}
.comment_guest:before{content:"Guest"}
.comment_owner:before{content:"Administrator";color:rgba(200,37,54,1);}


.menu_title span{background-color:#FFF;padding:0 8px;position:relative;top:-0.6em;}
.menu_title{margin:0.6em 0 0;font-size:1.2em;text-align:center;border-top:1px solid #555;}
.menu_frame{font-size:14px;}
.mainMenu{margin-bottom:3em;}

#theme_list li a,
#archives li a,
#recent_comment li a{
	display:block;
	padding:0.5em 0;
	background-color:rgba(0,0,0,0);
	/*-moz-transition:background 0.4s ease-out;-webkit-transition:background 0.4s ease-out;*/
}
#theme_list ul,#archives ul,#recent_comment ul{list-style:none;margin:0 0 1em;padding:0}
#recent_comment li{border-top:1px dotted #DDD;}
#recent_comment li:first-child{border:none;}
#recent_comment li a:hover{text-decoration:none;background-color:rgba(0,0,0,0.05);}
#myProfile ul{margin:0;padding:0;}
#myProfile li{border:none;display:block;text-align:center;margin-bottom:1em;}
#myProfileComment{text-align:left;font-size:0.9em;padding:1em;border:1px dashed #CCC;border-radius:4px;}

#rss{margin:1em 0 0;font-size:10pt;}
#rss img{margin:0!important;padding:0!important;}
#rss p{margin:1em 0 0;}
/******************************/
/* ameba: exLinkBtn ***********/
/******************************/
#exLinkBtn{margin:0 0 1em;}
#exLinkBtn li{float:left;list-style:none;margin-left:8px;}
#exLinkBtn li:first-child{margin:0;}
/******************************/
/* ameba: imageBox ************/
/******************************/
#imageBox{margin:2em 0 0;position:relative;padding-bottom:2em;}
#imageBoxHeader{display:none;}
#imageBox ul{list-style:none;margin:0;padding:0;}
#imageBox li{float:left;margin:0 0 0 8px;padding:8px;}
#imageBox li:first-child{margin:0;}
#imageBox li img{border:4px solid #FFF;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
#imageBox li span,#imageBox li p{display:none;position:absolute;bottom:0;left:0;font-size:10pt;}
#imageBox a:hover{text-decoration:none;}
#imageBox li:hover span{display:block;width:640px;height:32px;}
/******************************/
/* jQuery Tweet! **************/
/******************************/
.tweet_list .tweet_text{}
.tweet_list .tweet_text a{font-weight:bold;}
.tweet_list .tweet_time{font-size:0.8em;color:#999;display:block;text-align:right;}
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	background-color: rgba(255,255,255,0.4);
}
.tweet_list .tweet_even {}
.tweet_list .awesome,
.tweet_list .epic {
	text-transform: uppercase;
}

.tweet_list li:first-child { border: none; }
.tweet_list li {
	border-top: 1px dotted #CCC;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em 0;
	list-style-type: none;
}

.tweet_list li a				{ color: #3B5998; }
.tweet_list .tweet_avatar		{ padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img	{ vertical-align: middle; }
/******************************/
/* AddThis Facebook Like ******/
/******************************/
.addthis_button_google_plusone {float:left;width:64px;margin: 0 2px 0 0;}
.addthis_toolbox a.amebaReaderButton,
.addthis_toolbox a.amebaTwitterButton{float:left;line-height:32px;margin:0 0 0 4px;padding:0 1em;font-size:10pt;}
/******************************/
a.amebaReaderButton,
a.amebaEntryListButton,
a.amebaTwitterButton {
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:32px;
	font-family:sans-serif;
	border-radius:4px;
}
a.amebaReaderButton				{background-color:#4dac27;color:#FFF;}
a.amebaEntryListButton			{background-color:#FF8F22;color:#FFF;}
a.amebaTwitterButton			{color:#FFF;}
a.amebaReaderButton:hover,
a.amebaEntryListButton:hover,
a.amebaTwitterButton:hover		{opacity:0.8;text-decoration:none;}
/******************************/
/* Amazon AfLink **************/
/******************************/
a img[src^="http://ws.assoc-amazon.jp/"]:hover{outline:1px solid #DDD;opacity:0.8;}
/******************************/



.page{display:none;text-align:center;}
.readerMainLink{display:none;}
#amebaBar{display:none;}
#userNaviArea{display:none;}


/* ad */
#sub_main .gadBox{display:none;}
#sub_main #resPointAreaWrapper,
#sub_main #resPointAreaWrapper *,
#sub_main #footer_ad,
#sub_main #footer_ad *{display:none!important;visibility:hidden!important;list-style:none!important;}
#footerArea {width:980px;margin:80px auto 0;}
#footerArea *{display:inline;font:10px/1 sans-serif;margin:0;padding:0;text-decoration:none;color:#999;list-style:none;letter-spacing:0;}
#footerArea *:hover{background:transparent;}
#footerArea img{display:none;}


/* clearfix */
.cb:before,.cf:after,.clearfix:after,.clearFix:after,cb:before,
#wrap:after{content:"";clear:both;display:block;}

/* Facebook og:image dummy */
.fbanchor{display:none;}


script[src="http://9552354.ranking.fc2.com/accessory.js?rtype=page"] + table {display:none;}
.fc2PageRanking {border:none!important;margin:2em 0;font-size:100%;}
.fc2PageRanking * {font-family:'Georgia',serif!important;border:none!important;background:transparent!important;}
.fc2PageRanking tfoot{display:none;}
.fc2PageRanking thead td{padding:0;}
.fc2PageRanking thead td a {font-size:1.2em!important;font-weight:bold!important;margin-bottom:0.4em;display:block;}
.fc2PageRanking tbody tr {border-width:1px 0 0 0!important;border-style:dotted!important;border-color:#CCC!important;}
.fc2PageRanking tbody td{padding:10px!important;}
.fc2PageRanking tbody tr:first-child{border:none!important;}
.fc2PageRanking tbody a{text-decoration:none;color:#3B5998!important;}
.fc2PageRanking tbody a:hover{text-decoration:underline;}

#recent_entries_list{margin-bottom:2em;padding-bottom:2em;border-bottom:1px dotted #CCC;}
#recent_entries_list ul{margin:0;padding:0;list-style:none;}
#recent_entries_list li{margin:1em 0 0;padding-left:20px;background:url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/arrowright16.png) no-repeat left 4px;}
#recent_entries_list li:first-child{margin-top:0;}
#recent_entries_list .newentrytitle{margin:0;}
#recent_entries_list .newentrytitle a{color:#555;font-size:1.2em;}
#recent_entries_list .cotb{display:none;}
#recent_entries_list .updatetime{margin:0;font-size:12px;}

/* ameba calendar */
#calendar table{table-layout:fixed;width:100%}
#calendar table caption{margin-bottom:1em}
#calendar table caption .next{float:right;margin-right:1em}
#calendar table caption .pre{float:left;margin-left:1em}
#calendar table td{border-radius:32px;box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);font-family:Ultra,serif;line-height:38px;text-align:center}
#calendar table td a{background-color:rgba(0,0,0,0.04);border-radius:32px;display:block;height:100%}
#calendar table td a:hover{background-color:rgba(0,0,0,0.1);text-decoration:none}
#calendar table td:first-child,#calendar table td:first-child a,#calendar table th:first-child{color:#F66}
#calendar table td:last-child,#calendar table td:last-child a,#calendar table th:last-child{color:#66F}
#calendar table th{font-weight:700}

.themeParents {
	margin-top:1em; padding-left:20px;
	border-bottom:1px solid;
	font-size:16px; font-weight:bold;
}
.themeParents{background:url(http://mattintosh4.googlecode.com/svn/ameblo_mattintosh/img/icon_check16.png) no-repeat 0 50%;}
.archivesParents{
	padding:0.5em 0 0.5em 20px;
	font-weight:bold;
	cursor:pointer;
	background:url(http://mattintosh4.googlecode.com/svn/ameblo_mattintosh/img/icon_arrowright16.png) no-repeat 0 50%;
	border-bottom:1px dotted #CCC;
}
.archivesParentsOpen{
	background:url(http://mattintosh4.googlecode.com/svn/ameblo_mattintosh/img/icon_check16.png) no-repeat 0 50%;
}
.archivesParents:hover{background-color:rgba(0,0,0,0.04);}
.themeParents:first-child,.archivesParents:first-child{margin-top:0;}
#theme_list a,#archives a{border-bottom:1px dotted #CCC;text-align:right;text-decoration:none;}
#theme_list a:hover,#archives a:hover{background-color:rgba(0,0,0,0.04);}
#theme_list h4{display:none;}

#defaultAd iframe{margin-bottom:1em;display:block;}

#attentionBox div.ad_frame div a img{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
#naviLink{display:none!important;visibility:hidden!important;}

/******************************/
/* COLOR PALLET ***************/
/******************************/
/* Twitter light #33CCFF */
/* {color:#33CCFF;} */
/* {background-color:#33CCFF;} */
/* Twitter dark #2D76B9 */
/* {color:#2D76B9;} */
a.amebaTwitterButton{background-color:#2D76B9;}


#headAlert{
	padding:1em;
	border:1px solid #DDD;
	margin-bottom:2em;
	border-radius:4px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro",Tahoma,Verdana,sans-serif;
	background-color:#333;
	color:#FFF;
}
#headAlert p{
	margin:0;
	font-size:12px;
}

.socialbatsRegular{font-family:"socialbatsRegular";}